import React from 'react';
import {NavLink} from 'react-router-dom';
import {CSSTransition} from 'react-transition-group';
 
 class Footer extends React.Component{
 	render(){
 		return(
 			<CSSTransition
				in={this.props.showHeader}
				timeout={2000}
				classNames={{
					enter : 'animated',
					enterActive :'fadeInUp',
					enterDone : 'animated fadeInUp',
					exit:'animated',
					exitActive:'fadeOutDown',
					exitDone :'animated fadeOutDown'
				}}
			>
	 			<div className='foot'>
	 				<ul>
	 					<li><NavLink exact to='/'><span className='iconfont icon-liumangxin'></span><p>测一测</p></NavLink></li>
	 					<li><NavLink to='/bmzs'><span className='iconfont icon-lingxing'></span><p>变美助手</p></NavLink></li>
	 					<li><NavLink to='/qz'><span className='iconfont icon-quanzi'></span><p>圈子</p></NavLink></li>
	 					<li><NavLink to='/mine'><span className='iconfont icon-wode'></span><p>我的</p></NavLink></li>
	 				</ul>
	 			</div>
	 		</CSSTransition>
 		)
 	}
 }
export default Footer